
<!DOCTYPE html>
<html>


<!-- Mirrored from www.zi-han.net/theme/hplus/contacts.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:18:21 GMT -->

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>英雄联盟装备管理</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="./public/h+/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="./public/h+/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">

    <link href="./public/h+/css/animate.min.css" rel="stylesheet">
    <link href="./public/h+/css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link href="./public/sweetAlert/dist/sweetalert.css" rel="stylesheet">
    <style>
        address {
            height: 50px;
            width: 150px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .del {
            visibility: hidden;
        }

        #kuai:hover .del {
            visibility: visible;
        }

        .search {
            margin-bottom: 20px;
            float: right;
            margin-left: 84%;
        }
    </style>

</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <h3 class="col-lg-11 col-md-10 col-sm-8 col-xs-6">装备列表</h3>
            <div class=" col-lg-1 col-md-2 col-sm-4 col-xs-6 text-center">
                <div class="btn btn-primary" data-toggle="modal" data-target="#myModal" style="margin-top: -10px;">
                    添加
                </div>
            </div>
        </div>
        <div class="row col-sm-12">
            <form class="input-group col-sm-2 search" method="post" action="./index.php?c=equipment&a=searchequipment">
                <input type="text" name="equipment_text" class="form-control" placeholder="请输入">
                <span class="input-group-btn">
                    <button type="submit" class="btn btn-primary">搜索</button>
                </span>
            </form>
        </div>

        <div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-content animated bounceInRight" style="width: 350px;">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">
                            <span aria-hidden="true">&times;</span>
                            <span class="sr-only">关闭</span>
                        </button>

                        <img alt="image" class="img-circle equipment_equipment" style="height:200px;width:200px;" src="./public/img/tianjia.png">

                        <input id="file_img" type="file" name="files" onchange="replaceImg(this)" style="visibility: hidden;">
                    </div>
                    <div class="modal-body">
                        <form role="form">
                            <div class="form-group">
                                <label>装备名称</label>
                                <input type="text" value="" class="form-control equipment_name">
                            </div>
                            <div class="form-group">
                                <label>装备价格</label>
                                <input type="text" value="" class="form-control equipment_price">
                            </div>
                            <div class="form-group">
                                <label>装备属性</label>
                                <textarea type="text" rows="5" value="" cols="5" class="form-control equipment_property"></textarea>
                            </div>

                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-primary add">确定</button>
                    </div>
                </div>
            </div>
        </div>


        <div class="row">

            {{foreach $equipments as $equipment}}
            <div class="col-sm-3" id="kuai" data-toggle="modal" data-target="#{{$equipment['id']}}">

                <div class="contact-box">
                    <div class="btn btn-danger del" style="float:right;" data-equipmentid="{{$equipment['id']}}">
                        删除
                    </div>
                    <div class="col-sm-6">
                        <div class="text-center">
                            <img alt="image" class="img-circle m-t-xs img-responsive" style="height:120px;width:120px;" src={{$equipment[ 'image']}}>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <h3>
                            <strong>{{$equipment['equipment']}}</strong>
                        </h3>
                        <p>
                            <i class="glyphicon glyphicon-yen"></i> {{$equipment['price']}}</p>
                        <address>
                            <strong>装备属性：</strong>
                            <br>{{$equipment['property']}}
                        </address>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            {{/foreach}}
        </div>
    </div>
    {{foreach $equipments as $equipment}}
    <div class="modal inmodal" id="{{$equipment['id']}}" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-sm">
            <div class="modal-content animated bounceInRight">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                        <span aria-hidden="true">&times;</span>
                        <span class="sr-only">关闭</span>
                    </button>
                    <img alt="image" class="img-circle modify_equipment" style="height:100px;width:100px;" src={{$equipment[ 'image']}}>
                    <input type="file" name="modify" id="modify" value="" class="hidden" />
                </div>
                <div class="modal-body">
                    <form role="form">
                        <div class="form-group">
                            <label>名称</label>
                            <input type="text" value="{{$equipment['equipment']}}" class="form-control modify_name">
                        </div>
                        <div class="form-group">
                            <label>价格</label>
                            <input type="text" value="{{$equipment['price']}}" class="form-control modify_price">
                        </div>
                        <div class="form-group">
                            <label>属性</label>
                            <textarea type="text" rows="5" cols="5" class="form-control modify_property">{{$equipment['property']}}</textarea>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary modify" data-equipmentid="{{$equipment['id']}}">保存</button>
                </div>
            </div>
        </div>
    </div>
    {{/foreach}}
    </div>

    <script src="./public/h+/js/jquery.min.js?v=2.1.4"></script>
    <script src="./public/h+/js/bootstrap.min.js?v=3.3.6"></script>
    <script src="./public/h+/js/content.min.js?v=1.0.0"></script>
    <script src="./public/back/js/equipment.js"></script>
    <script src="./public/sweetAlert/dist/sweetalert.js"></script>
    <script>
        $(document).ready(function () {
            $(".contact-box").each(function () {
                animationHover(this, "pulse")
            })
        });
    </script>
    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
</body>

</html>